/********
 * 仿下拉多选框
 * 
 * author：zwsvane
 * date:2017-08-21
 * 
 * 引入样式：style.css
 * 
 * 引入js :jquery、zdwh.js、area.json
 * 
 * 
 * 布局格式
 * 
 * <span class="select radius height32  pos-r selectOptionAll2">
		<p class="col-xs-12 lh-30 text-overflow  pl-5 pr-20 mb-0 cityAreaShow"><input class="allSelectShowInput" type="text" name="" value="请选择" /></p>
		<b class="Hui-iconfont pos-a lh-30 right6">&#xe6d5;</b>
		<!--模拟选择框-->
		<div class="col-xs-12  pos-a top30 z-index30 bg-fff select radius allSelect pl-5 pr-5">
			<ul id="cityAreaList">
				<!--<li><em data-value="全部"></em>全部</li>
				<li title="南京分公司" onclick="textShow('.showContain','南京分公司',$(this))"><em data-value="南京分公司"></em>南京分公司</li>
				<li title="南京分公司"><em data-value="南京分公司"></em>南京分公司</li>
				<li title="泰州分公司"><em data-value="泰州分公司"></em>泰州分公司</li>
				<li title="南通分公司"><em data-value="南通分公司"></em>南通分公司</li>-->
			</ul>
		</div>
</span>
 * 
 * 
 * 说明：
 * 1、selectOptionAll2 容器层 所有操作都是以该元素为父级为起点；
 * 2、cityAreaList 循环列表id名称，作为json 查询数组插入之用；
 * 3、cityAreaShow 下拉选中内容展示容器
 * 4、调用模拟方法：
				selectOptionAll(".selectOptionAll2");
				
   5、点击把列表值传至展示框 cityAreaShow的input;
   6、点击下拉调用：textShow(obj,text,child) 方法
 * 
 * 
 * 
 * 
 * 
 */
function dataShow(){
	var time ='';
	var data = new Date();
		time+=data.getFullYear();//＋(data.getMonth()+1)+"月　"+data.getDay()+"日　"
		time+=addPosition(data.getMonth()+1);
		time+=addPosition(data.getDate())+"　";
		time+=addPosition(data.getHours())+":";
		time+=addPosition(data.getMinutes())+"分";
		return time;
}

function addPosition(i){
			return i =i>9?i:"0"+i;
		}


//数据截取
function sortArr(arr){
	arr = arr.split("、");
	return arr;
};

function selectOptionAll(obj){
	_this = $(obj);
	_thisDiv  = $(obj).find(".allSelect");
	_thisLi  = _thisDiv.find("li");
	
	//显示下来容器
	_this.find("p").on("click",function(){
		$(obj).find(".allSelect").show();
	
	});
	
	//选择框模拟
	var searchCont = new Array();
	
	var len = 0;
	var info ='';
	var info1='';
	var infoArr = new Array();
	
	function arrElement(temp){
		info = temp;

	};
	
	//收起模拟下拉框
	var timer = '';
	$(obj).find(".allSelect").mouseout(function(){

		timer = window.setTimeout(function(){

			$(obj).find(".allSelect").hide();
		},300)

	});
	$(obj).find(".allSelect").mouseover(function(){
		window.clearTimeout(timer);

		$(obj).find(".allSelect").show();

	});
	
}	
			




//点击获取当前
function textShow(obj,con,childname,status){
	var temp = $(obj).find("input").val();
	var dataStatus ='';
    //特殊化处理、点击全选
    if(con=="全部" &&$(obj).siblings("div").find("em").eq(childname.index()).hasClass('bgcheck')){

        $(obj).siblings("div").find("em").removeClass('bgcheck');
        temp="请选择";
        dataStatus = ' ';
        $(obj).find("input").val(temp);
        $(obj).attr("data-status",dataStatus);
        return;

    }else if(con=="全部"){
        $(obj).siblings("div").find("em").addClass('bgcheck');
        temp="全部";
        dataStatus = '';
        $(obj).find("input").val(temp);
        $(obj).attr("data-status",dataStatus);
        return;
    };

    //全选状态下，去掉一个选项处理
    if($(obj).siblings("div").find("em").eq(0).hasClass('bgcheck')){
        temp = '';
        for(var i = 1;i<$(obj).siblings("div").find("li").length;i++){
            temp =temp+ $(obj).siblings("div").find("li").eq(i).attr('title')+',';

        }
        temp=temp.substr(0,temp.length-1);
    };

    //非全选的单选
    $(obj).siblings("div").find("em").eq(0).removeClass('bgcheck');
    if(childname.find("em").hasClass('bgcheck')){

        if(temp.indexOf(con)==-1){

        }else{
            var tempList = temp.split(",");
            temp = '';
            for(var i =0;i<tempList.length;i++){
                if(con!=tempList[i]){
                    temp = temp+tempList[i]+',';
                }

            };
            temp = temp.substr(0,temp.length-1);
            temp = temp==" "?"请选择":temp;

        };

        $(obj).siblings("div").find("em").eq(childname.index()).removeClass("bgcheck");
    }
    else{

        $(obj).siblings("div").find("em").eq(childname.index()).addClass("bgcheck");

        //选中状态上传
        if (temp=="请选择"||temp=="全部") {
            temp = con;

        }
        else{
            if(temp.indexOf(con)==-1){

                temp = temp+','+con;

            }
            else{temp = temp;}

        };


    };

    //选中状态判断
    for(var i =0;i<$("#cityAreaList").find("li").length;i++){

        if($("#cityAreaList").find("li").eq(i).children('em').hasClass('bgcheck')){
            dataStatus = dataStatus + $("#cityAreaList").find("li").eq(i).children('em').attr('data-value')+',';
        }


	}
    dataStatus = dataStatus.substr(0,(dataStatus.length-1));
    console.log(dataStatus);

    $(obj).find("input").val(temp);

    $(obj).attr("data-status",dataStatus);
}
